"use client";

import { Label } from "react-aria-components";

import { DateField, DateInput } from "@/registry/default/ui/datefield-rac";

export default function Component() {
  return (
    <DateField className="*:not-first:mt-2">
      <Label className="font-medium text-foreground text-sm">Date input</Label>
      <DateInput />
      <p
        aria-live="polite"
        className="mt-2 text-muted-foreground text-xs"
        role="region"
      >
        Built with{" "}
        <a
          className="underline hover:text-foreground"
          href="https://react-spectrum.adobe.com/react-aria/DateField.html"
          rel="noreferrer noopener nofollow"
          target="_blank"
        >
          React Aria
        </a>
      </p>
    </DateField>
  );
}
